<template>
  <status-bar></status-bar>
  <view class="nav-box">
    <u-icon name="arrow-left" size="25"></u-icon>
  </view>
</template>

<script setup lang="ts">
import {
  ref,
  reactive,
  toRefs,
  watch,
  onMounted,
  getCurrentInstance,
} from 'vue'
import statusBar from '../statu-bar/statusBar.vue'

const emit = defineEmits([''])
const props = defineProps({
  propData: {
    type: String,
    default: '',
  },
})
//const { } = toRefs(props);

const { data } = toRefs(
  reactive({
    //定义数组和对象
    data: '',
  })
)
</script>
<style lang="scss" scoped>
.nav-box {
  width: 100vw;
  height: 40px;
  display: flex;
  align-items: center;
  position: sticky;
  top: 0;
  box-sizing: border-box;
  padding: 0 20rpx;
}
</style>
